<template>
	<view class="cashWithdrawal">
		<view class="haveMoney">
			<text class="num">0.00</text><br/>
			<text>可提现金额（元）</text>
			<view class="cwbox">
				<view class="title color">提现金额</view>
				<div class="row">
					<text class="color">￥</text>
					<input type="text" class="input" placeholder="请输入提现金额" />
					<text class="color all">全部提现</text>
				</div>
				<view class="tips">
					<image src="../../../static/img/warn.png" class="icon"></image>
					<text>温馨提示：每笔提现金额需大于0.2元</text>
				</view>
				<view class="tips">
					<image src="../../../static/img/warn.png" class="icon"></image>
					<text>温馨提示：超过100元将收取1%的服务费，每天可提现1次</text>
				</view>
				<view class="cwbtn">提现</view>
			</view>
		</view>
		<view class="lookRecord">查看提现记录</view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	@import '../../../static/style/mixin.scss';
	.cashWithdrawal{
		@include bg2;
		padding-top: 20upx;
		.haveMoney{
			@include w_box;
			background-color: #00e5e5;
			height: 400upx;
			color: #fff;
			text-align: center;
			font-size: 45upx;
			font-weight: bold;
			padding-top: 50upx;
			position: relative;
			margin-bottom: 600upx;
			.num{
				font-size: 60upx;
			}
			.cwbox{
				position: absolute;
				top: 240upx;
				left: 50%;
				transform: translateX(-50%);
				width: 600upx;
				background-color: #fff;
				border-radius: 10upx;
				padding: 20upx;
				box-sizing: border-box;
				.title{
					text-align: left;
					color: #00e5e5;;
				}
				.row{
					display: flex;
					align-items: center;
					justify-content: space-between;
					line-height: 120upx;
					border-bottom: 1upx solid #00000030;
					.input{
						width: 340upx;
						height: 120upx;
					}
					.color{
						color: #00e5e5;
					}
					.all{
						font-size: 35upx;
					}
				}
				.tips{
					margin-top: 20upx;
					color: red;
					text-align: left;
					font-size: 20upx;
					display: flex;
					align-items: center;
					.icon{
						width: 30upx;
						height: 30upx;
						margin-right: 20upx;
					}
				}
				.cwbtn{
					background-color: #00e5e5;
					@include cc;
					height: 100upx;
					border-radius: 10upx;
					margin-top: 150upx;
				}
			}
			
		}
		.lookRecord{
			width: 720upx;
			height: 100upx;
			color: #00e5e5;
			font-weight: bold;
			font-size: 50upx;
			margin: auto;
			border-radius: 10upx;
			border: 1upx solid #00e5e5;
			@include cc;
		}
	}

</style>
